<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Home</title>

<!--  CSS  -->
<link rel="stylesheet" type="text/css" media="all"
	href="../../resources/css/foundation.css"
	th:href="@{/resources/css/foundation.css}" />
<link rel="stylesheet" type="text/css" media="all"
	href="../../resources/css/main.css"
	th:href="@{/resources/css/main.css}" />

<!-- JavaScript -->
<script src="../../resources/js/vendor/modernizr.js"
	th:src="@{/resources/js/vendor/modernizr.js}"></script>
</head>
<body>
	<!-- HEADER  -->
	<div th:replace="fragments/header.html :: header">Footer</div>

	<!-- MAIN CONTENT  -->

	<div style="border: 2px solid red">
		<div th:replace="${view} :: content">
			<h3>This is the content area:</h3>
			Content
		</div>

	</div>

	<!-- FOOTER -->
	<div th:replace="fragments/footer.html :: footer">Footer</div>

	<!-- More JavaScript -->
	<script src="../../resources/js/vendor/jquery.js"
		th:src="@{/resources/js/vendor/jquery.js}"></script>
	<script src="../../resources/js/foundation.min.js"
		th:src="@{/resources/js/foundation.min.js}"></script>
	<script>
		$(document).foundation();
	</script>
</body>
</html>
